import React, { Component } from 'react'

export default class LifeCycle extends Component {
  constructor(){
    super()
    this.state={
        count:0
    }
  }
  //1、向后端发送请求 2、定时器初始化 3、消息订阅 4、原生的事件绑定
  componentDidMount(){
    console.log('-----componentDidMount-------');
    this.timer=setInterval(()=>{
        this.setState(()=>({
            count:this.state.count+1
        }))
        console.log(this.state.count);  
    },1000)
  }
  // 1、清空定时器 2、停止消息订阅  3、原生事件的解绑
  componentWillUnmount(){
    console.log('-----componentWillUnmount-------');
    window.clearInterval(this.timer)
  }
  render() {
    return (
      <div>组件的生命周期</div>
    )
  }
}
